{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <title>To-Do lists</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" media="screen">
    <link href="{% static 'css/base.css' %}" rel="stylesheet" media="screen">
  </head>

  <body>
    {% block body %}
    {% block body_menu %}
    <div class="nav">
      <ul>
        <li>
          <a href="{% url 'home'  %}">home</a>
        </li>
      </ul>
    </div>
    {% endblock body_menu %}

    <div class="container">
      <div class="row">
        <div class="col-md-6 col-md-offset-3 jumbotron">
          <div class="text-center">
            <h1>{% block header_text %}{% endblock %}</h1>
            <form action="{% block form_action %}{% endblock %}" method="POST">{% csrf_token %}
              {% block form %}
              {{ form.text }}
              {% if form.errors %}
              <div class="form-group has-error">
                <!--<span class="help-block">{{ error }}</span>-->
                <div class="help-block">{{ form.text.errors }}</div>
              </div>
              {% endif %}
              {% endblock form %}
            </form>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-md-6 col-md-offset-3">
          {% block table %}
          {% endblock %}
        </div>
      </div>
    </div>
    {% endblock body %}

    {% block body_other %}
    {% endblock body_other %}
    <script src="http://djbook.anb/webstatic/js/jquery/1.11.3/jquery.min.js">
    </script>
    <script src="/static/js/list.js"></script>
  </body>
</html>
